<%@ page import="com.wd.service.PhotoService" %>
<%@ page import="com.wd.service.impl.PhotoServiceImpl" %>
<%@ page import="com.wd.service.DescriptionService" %>
<%@ page import="com.wd.service.impl.DescriptionServiceImpl" %>
<%@ page import="com.wd.service.impl.CommentServiceImpl" %>
<%@ page import="com.wd.service.CommentService" %>
<%@ page import="com.wd.service.RightService" %>
<%@ page import="com.wd.service.impl.RightServiceImpl" %>
<%@ page import="com.wd.entity.User" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>}">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>关于 | 凪のblog</title>
    <meta property="og:image" content="https://github.com/cqvcq/img/blob/main/post.jpg">
    <link rel="stylesheet" href="../blog/css/index.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css">
    <link rel="canonical" href="https://github.com/cqvcq/img/blob/main/">
    <meta name="generator" content="Hexo 4.2.0">
    <link rel="shortcut icon" href="../admin/dist/img/favicon.png"/>
    <link rel="stylesheet" href="../admin/dist/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="../admin/dist/css/ionicons.min.css">
    <link rel="stylesheet" href="../admin/dist/css/main.css">
    <link rel="stylesheet" href="../admin/plugins/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="../admin/plugins/sweetalert/sweetalert.css"/>
    <link rel="stylesheet" href="../admin/plugins/jqgrid-5.3.0/ui.jqgrid-bootstrap4.css"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="../admin/dist/css/adminlte.min.css">

    <%--edit.jsp中特有的--%>
    <link rel="stylesheet" href="../admin/plugins/editormd/css/editormd.css" />
    <link rel="stylesheet" href="../admin/plugins/tagsinput/jquery.tagsinput.css" />
    <link rel="stylesheet" href="../admin/plugins/select2/select2.css" />
    <%--符文本编辑器特有的--%>
    <link rel="stylesheet" href="../X-admin/css/font.css">
    <link rel="stylesheet" href="../X-admin/css/xadmin.css">
    <link rel="stylesheet" href="../X-admin/css/formSelects-v4.css">
    <link rel="stylesheet" href="../X-admin/editormd/css/editormd.css"/>
</head>
<body>
<%
    RightService rightService=new RightServiceImpl();
    CommentService commentService=new CommentServiceImpl();
    PhotoService photoService=new PhotoServiceImpl();
    request.setAttribute("ShowComment",commentService.selComment());
    request.setAttribute("HeaderPhoto",photoService.selPhoto(1));
    request.setAttribute("right",rightService.selRight());
%>
<div id="body-wrap">
    <jsp:include page="./header.jsp" />
    <main class="layout_page" id="content-inner">
        <div id="page">
            <div class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-primary card-outline">
                                <div class="card-header">
                                    <h3 class="card-title">个人介绍信息</h3>
                                </div> <!-- /.card-body -->
                                <div class="card-body">
                                    <form role="form" id="websiteForm" action="InformationServlet" method="post">
                                        <input type="hidden" name="op" value="updDescription">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label>个人昵称</label>
                                            <input type="text" class="form-control" id="websiteName"
                                                   name="descriptionName"
                                                   placeholder="个人昵称" value="${requestScope.description.name}">
                                        </div>
                                        <div class="form-group">
                                            <label>所属星座</label>
                                            <input type="text" class="form-control" id="websiteDescription"
                                                   name="descriptionConstellation"
                                                   value="${requestScope.description.constellation}"
                                                   placeholder="所属星座">
                                        </div>
                                        <div class="form-group">
                                            <label>教育经历</label>
                                            <input type="text" class="form-control" id="websiteLogo"
                                                   name="descriptionExperience"
                                                   value="${requestScope.description.experience}"
                                                   placeholder="教育经历">
                                        </div>

                                        <div class="form-group">
                                            <label>喜欢的一句话</label>
                                            <input type="text" class="form-control" id="websiteNotice"
                                                   value="${requestScope.description.sentence}"
                                                   name="descriptionSentence"
                                                   placeholder="喜欢的一句话">
                                        </div>

                                        <div class="form-group">
                                            <label>个人偶像</label>
                                            <input type="text" class="form-control" id="websiteIcon"
                                                   value="${requestScope.description.idol}"
                                                   name="descriptionIdol"
                                                   placeholder="个人偶像">
                                        </div>

                                        <div class="form-group">
                                            <label>个人性格</label>
                                            <input type="text" class="form-control" id="character"
                                                   value="${requestScope.description.character}"
                                                   name="descriptionCharacter"
                                                   placeholder="个人性格">
                                        </div>

                                        <div class="form-group">
                                            <label>联系方式</label>
                                            <input type="text" class="form-control" id="contact"
                                                   value="${requestScope.description.contact}"
                                                   name="descriptionContact"
                                                   placeholder="联系方式">
                                        </div>

                                        <div class="form-group">
                                            <label>擅长开发语言</label>
                                            <input type="text" class="form-control" id="language"
                                                   value="${requestScope.description.language}"
                                                   name="descriptionLanguage"
                                                   placeholder="擅长开发语言">
                                        </div>

                                        <div class="form-group">
                                            <label>对大家的建议</label>
                                            <input type="text" class="form-control" id="information"
                                                   value="${requestScope.description.information}"
                                                   name="descriptionInformation"
                                                   placeholder="对大家的建议">
                                        </div>

                                        <div class="card-footer">
                                            <button type="submit" id="updateWebsiteButton"
                                                    class="btn btn-danger float-right">确认修改
                                            </button>
                                        </div>
                                    </form>
                                </div><!-- /.card-body -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>





            <hr>

            <div id="post-comment">
                <div class="comment_headling"><i class="fa fa-comments fa-fw" aria-hidden="true"></i><span> 评论</span></div>
                <div class="vcomment" id="vcomment"></div>

                <script src="https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js"></script>
                <script>var GUEST_INFO = ['nick','mail','link'];
                var guest_info = 'nick,mail,link'.split(',').filter(function(item){
                    return GUEST_INFO.indexOf(item) > -1
                });
                guest_info = guest_info.length == 0 ? GUEST_INFO :guest_info;
                window.valine = new Valine({
                    el:'#vcomment',
                    notify: false,
                    verify: false,
                    appId: '${requestScope.ShowComment.appId}',
                    appKey: '${requestScope.ShowComment.appKey}',
                    placeholder: '${requestScope.ShowComment.placeholder}',
                    avatar: 'monsterid',
                    meta: guest_info,
                    pageSize: '10',
                    lang: 'zh-cn',
                    recordIP: false,
                    serverURLs: ''
                });
                </script>
            </div>
        </div>





        <jsp:include page="right.jsp" />
    </main>
    <jsp:include page="foot.jsp" />
</div>
<!-- jQuery -->
<script src="../admin/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="../admin/plugins/jQueryUI/jquery-ui.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../admin/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../admin/dist/js/adminlte.min.js"></script>
<!-- sweetalert -->
<script src="../admin/plugins/sweetalert/sweetalert.min.js"></script>
<%--<script src="admin/dist/js/configuration.js"></script>--%>
<script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
<script src="../blog/js/utils.js"></script>
<!-- <script src="js/main.js"></script> -->
<!-- <script src="js/tw_cn.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script>
<script defer id="ribbon" src="../blog/js/third-party/canvas-ribbon.js" size="150" alpha="0.6" zIndex="-1" mobile="true"
        data-click="false"></script>
<script id="canvas_nest" color="0,0,255" opacity="0.7" zIndex="-1" count="99" mobile="true" src="../blog/js/third-party/canvas-nest.js"></script>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<script src="https://cdn.jsdelivr.net/npm/instant.page@latest/instantpage.min.js" type="module"></script>
<script src="https://cdn.jsdelivr.net/npm/lazysizes@latest/lazysizes.min.js" async=""></script>
<script id="ribbon_piao" mobile="true" src="https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/piao.js"></script>
<script src="../blog/js/refuseF12.js"></script>
<%--<script src="blog/js/jquery-3.4.1.js"></script>--%>
<script src="../blog/js/third-party/click_heart.js"></script>
<script>
    $(function () {
        $("#veditor").css("backgroundImage","url("+"${requestScope.ShowComment.placePhoto}"+")");
        if("${requestScope.ShowComment.flag}"!="true"){
            $("#post-comment").css("display","none");
        }
        $(".not-index-bg").css("background-image","url("+"${requestScope.HeaderPhoto.aboutPhoto}"+")");

    })

    function info() {
        $("#infoModal").modal('show');
        $("#infoModal input").val("");
    }
</script>

</body>
</html>
